import React from 'react';

const CtaSection: React.FC = () => {
  return (
    <section className="py-16">
      <div className="container mx-auto px-4">
        <div className="bg-gradient-to-r from-blue-600 to-purple-600 rounded-2xl p-8 md:p-12 text-center">
          <h2 className="text-3xl md:text-4xl font-bold mb-4">准备好调试网络请求了吗？</h2>
          <p className="text-xl mb-8 max-w-2xl mx-auto">
            加入众多开发者，使用Network Console提升您的开发调试效率
          </p>
          <a 
            href="https://microsoftedge.microsoft.com/addons/detail/lgkemdinjnjaphnbkmmcnejbefeapkfd" 
            target="_blank" 
            rel="noopener noreferrer"
            className="inline-block bg-white text-blue-600 hover:bg-gray-100 font-bold py-3 px-8 rounded-lg transition duration-300 text-lg"
          >
            立即安装
          </a>
        </div>
      </div>
    </section>
  );
};

export default CtaSection;